<template>
    <div>
        <h1>tools-uniapp工具库</h1>
        <div>
            对uniapp项目的常用需求进行封装的轻量插件，比如缓存、请求、定时器、事件管理等
        </div>
        <div style="margin-top: 10px;">理论上只是把tools-javascript的规范移过来，用法一致，只是需要导入使用，仅此而已</div>
        <h2>Npm使用</h2>
        <h3>安装</h3>
        <div>在项目中执行以下指令，支持cnpm、pnpm、yarn</div>
        <div class="code">npm i tools-uniapp</div>
        <h3>使用</h3>
        <div>需要什么就导入什么，比如使用判空方法，编辑器在输入字符串都会有提示，回车一下就自动导入了</div>
        <div class="code">
          import { StrUtil } from 'tools-uniapp'<br/>
          StrUtil.isNull(6)
        </div>

        <h3>在浏览器项目tools-javascript用法</h3>
        <div class="code">
            Cookie.set('test', '666')
            <br />
            MathUtil.getRandomInt(1,100)
            <br />
        </div>
        <h3>在uniapp项目用法</h3>
        <div class="code">
            import { Cookie,MathUtil } from 'tools-uniapp'
            <br />
            Cookie.set('test', '666')
            <br />
            MathUtil.getRandomInt(1,100)
            <br />
        </div>
        <h3>应用项目</h3>
        <div>uniapp快速搭建脚手架：<a href="https://gitee.com/veigarchen/uniapp-vue3-fast" target="_blank">vue3+ts+vite+uniapp项目脚手架</a></div>
        <div>脚手架在线示例：<a href="https://doc.c44.cc/html/uniapp-fast/index.html" target="_blank">点击查看脚手架在线示例效果</a></div>
    </div>
</template>
<script setup lang="ts">
import { reactive } from 'vue'

const conf = reactive({
    str: `<script src="https://cdn.c44.cc/js/tools-javascript.js"><\/script>`
})
</script>
<style lang="less" scoped></style>
